﻿
@{
    ViewBag.Title = "IssueReportPageList";
    Layout = "~/Views/Shared/_LayoutMain.cshtml";
}
@section css {
    <link href="~/Assets/css/lib/bootstrap-select.css" rel="stylesheet" />
    <link href="~/Assets/css/lib/bootstrap-datetimepicker.min.css" rel="stylesheet" />
    <link href="~/Assets/css/lib/fileinput.css" rel="stylesheet" />
    <style>
        th {
            text-align: center;
            font-weight: bold;
        }

        td {
            text-align: center;
            vertical-align: middle;
        }
    </style>
}
<div class="page-content" ng-cloak ng-controller="VideoMonitorController" ng-init="SearchModel={};page='@(Request.QueryString["page"].IsEmpty() ? "1" : Request.QueryString["page"])';
     PageName='@Request.CurrentExecutionFilePath.Substring(Request.CurrentExecutionFilePath.LastIndexOf("/") + 1)';
     GetPlaceTree();
     ">
    <div class="load" ng-show="DataLoading">
        <div class="loader">
            <svg version="1.1" id="loader-1" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
            <path fill="#000" d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z">
            <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatCount="indefinite" />
			</path>
		</svg>
            <div class="load-msg" ng-bind="LoadingMsg"></div>
        </div>
    </div>
    <div class="page-heading">
        <h1>场所监控</h1>
        <div class="options">
            <div class="btn-toolbar">

            </div>
        </div>
    </div>
    <ol class="breadcrumb">
        <li><a>主体业务</a></li>
        <li><a>视频监控</a></li>
        <li class="active"><a>场所监控</a></li>
    </ol>

    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-3">
                <div class="panel panel-default">
                    <div class="panel-heading"><h2>选择场所</h2></div>
                    <div class="panel-body" style="height: 590px;overflow-y:scroll;">
                        <div class="demo-body">
                            <div class="tabular">
                                <div id="tree-default">
                                    <ul>
                                        <li data-jstree='{ "icon" : "fa fa-home text-success" }' ng-repeat="x in ParkTreeList">
                                            {{x.ParkName}}
                                            <ul ng-show="x.BuildingList>0">
                                                <li ng-repeat="y in x.BuildingList" data-jstree='{ "icon" : "fa fa-building text-primary" }'>
                                                    {{y.BuildingName}}
                                                    <ul ng-show="y.FloorList>0">
                                                        <li data-jstree='{ "icon" : "fa fa-bookmark" }' ng-repeat="z in y.FloorList">
                                                            {{z.FloorName}}
                                                            <ul ng-show="z.RoomList>0">
                                                                <li data="{{r.Id}}" id="LINK_{{r.Id}}" data-jstree='{ "type" : "file" }' ng-repeat="r in z.RoomList">
                                                                    <a>{{r.RoomName}}</a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-9">
                @*<div class="panel panel-default">
                    <div class="panel-heading"><h2>监控视频</h2></div>
                    <div class="panel-body" style="height: 590px;overflow-y:scroll;">
                    </div>
                </div>*@

                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h2>
                            <ul class="nav nav-tabs">
                                <li class="active"><a href="#home" data-toggle="tab">点位</a></li>
                                <li class=""><a href="#tab2" data-toggle="tab">场景</a></li>
                                <li class=""><a href="#tab3" data-toggle="tab">视频</a></li>
                            </ul>
                        </h2>
                    </div>
                    <div class="panel-body">
                        <div class="tab-content">
                            <div class="tab-pane active" id="home"><img src="../File/Camera/Canteen.jpg" width="600" /></div>
                            <div class="tab-pane" id="tab2"><img src="../File/Camera/Canteen2.jpg" width="700" /></div>
                            <div class="tab-pane" id="tab3">
                                <video width="840" height="550" controls poster="../File/Camera/Canteen2.jpg">
                                    <source src="shanghai.mp4" type="video/mp4">
                                    <source src="shanghai.ogg" type="video/ogg">
                                    您的浏览器不支持视频标签。
                                </video>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>



</div>


@section Js{
    <script src="~/Assets/plugins/jstree/dist/jstree.min.js"></script>
    <script src="~/Assets/js/pg/VideoMonitor.js?v=@DateTime.Now.ToString("yyMMddHHmm")"></script>
    <script src="~/Assets/js/libs/moment.min.js"></script>
    <script src="~/Assets/js/libs/locales/date/zh-cn.js"></script>
    <script src="~/Assets/js/libs/bootstrap-datetimepicker.min.js"></script>
    <script src="~/Assets/js/libs/angularjs-datepicker.js"></script>
    <script src="~/Assets/js/libs/fileinput.js"></script>
    <script src="~/Assets/js/libs/zh.js"></script>
}


